<template>
    <el-container>
        <el-aside class="aside">
            <SideBar />
        </el-aside>
        <el-main style="height: 100%;padding: 0;">
            <PageHeader />
            <el-main class="main bg-white">
                <router-view class="page-wrapper"></router-view>
            </el-main>
        </el-main>
    </el-container>
</template>

<script setup lang="ts">
import SideBar from './SideBar.vue'
import PageHeader from './PageHeader.vue'


</script>

<style scoped lang="scss">
.aside {
    width: auto;
}


.main {
    height: 100vh;
    background-color: #F2F7FF;
    // padding-top: 0;
    // height: auto;
}

.page-wrapper {
    background-color: #fff;
    height: 100%;
    padding: 12px;
    border-radius: 12px;
}
</style>